<template>
	<view class="lotter-item" @click="bindClick">
		<view class="lottery-img">
			<image :src="data.goods_img" mode="widthFix"></image>
		</view>
		<view class="lottery-content">
			<view class="title">{{data.goods_name}}</view>
			<view class="price-group">
				<view class="price">{{data.price}}</view>
				<view class="origin-price">{{data.ori_price}}</view>
			</view>
			<view class="progress-group">
				<progress :percent="data.percent" stroke-width="3" background-color="#F6ECDD" color="#EFDCBB"/>
			</view>
			<view class="status-group">
				<view class="amount">参与人数：{{data.amount_people}}人</view>
				<view class="status normal">{{data.status_str}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
		    data: {
		        type: Object,
		        default: function(e) {
		            return {}
		        }
		    }
		},
		methods: {
			bindClick() {
				this.$emit('click');
			}
		},
	}
</script>

<style>

</style>
